<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>电子书</title>
<link rel="stylesheet" type="text/css" href="/css/front/conn.css"/>
<link rel="stylesheet" type="text/css" href="/css/front/list2.css"/>
<script src="http://js.ymfile.com/js/common/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/front/modernizr.2.5.3.min.js"></script>

<style type="text/css">
#ebook{
	margin-top:20px;
	margin-bottom:20px;
	width:855px;
}

.page-wrapper{
	box-shadow:0 0 30px #e3e3e3;
}

</style>



</head>



<body>
<!-- 头部导航开始 -->
{# include file="$tpl_root_path/front/public/_header.html" #}
<!-- 头部导航结束 -->
<div class="bread top-fixed">
   <h6><a href="/">首页</a>>电子书</h6>
</div>

<!-- 电子书begin --->
<div class="ebook" id="ebook">
	
	<div class="flipbook">
		{#foreach from=$list item=l#}
			<img src="{#$l.BPATH#}"   />
		{#/foreach #}
	</div>
</div>

<script type="text/javascript">


function loadApp() {

	// Create the flipbook
	
	$('.flipbook').turn({
			// Width

			width:855,
			
			// Height

			height:580,

			// Elevation

			elevation: 50,
			
			// Enable gradients
			duration:1000,
			gradients: true,
			
			// Auto center this flipbook

			autoCenter: true

	});
}

// Load the HTML4 version if there's not CSS transform

yepnope({
	test : Modernizr.csstransforms,
	yep: ['/js/front/turn.js'],
	nope: ['/js/front/turn.html4.min.js'],
	both: ['/css/front/book.css'],
	complete: loadApp
});
</script>

<!-- 电子书over -->


<!--
<div class="ebook">
	<div  id="leebook">
		{#foreach from=$list item=l#}
			<div>
				<img src="{#$l.BPATH#}"   />
			</div>
		 
		{#/foreach #}
	</div>
</div>
-->



<!-- 咨询栏begin -->
{# include file="$tpl_root_path/front/public/_contact.html" #}

<!-- 咨询栏over -->



<!-- 底部begin -->
{# include file="$tpl_root_path/front/public/_footer.html" #}
<!-- 底部over -->



</body>
</html>
